<admintpl file="header" />
<style type="text/css">
    .radio {
        margin-top: 5px;
        margin-left: 15px;
        float: left;
    }
.pic-list li {
	margin-bottom: 5px;
}

input[type="checkbox"]{ margin: 0;}
    ul, ol {
        list-style: none outside none;
    }

    em.zt {
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
        display: inline-block;
        padding: 0;
        border: 4px solid;
        border-color: #333 transparent transparent transparent;
    / border-style: solid dashed dashed dashed;

    }

    .ks-stdmod-body label {
        display: inline-block;
    }
</style>
<link rel="stylesheet" href="__TMPL__Public/assets/css/transport.css"/>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
            <li><a href="{:U('Playbill/index')}">节目单管理</a></li>
            <li><a href="{:U('Playbill/add')}">添加节目单</a></li>
            <li class="active"><a href="{:U('Playbill/customize')}">自选下发</a></li>
		</ul>
		<form action="{:U('Playbill/customize_post')}" method="post" class="form-horizontal js-ajax-form" enctype="multipart/form-data">
			<div class="row-fluid">
				<div class="span6">
					<table class="table table-bordered">
						<tr>
							<th>选择节目单</th>
							<td>
					            <select name="pid" onchange="selectTest(this)">
					                    <option value="0">请选择</option>
					                <foreach name="game" item="vo">
					                    <option value="{$vo.id},{$vo.template_preview}">{$vo.name}</option>
					                </foreach>
					            </select>
							</td>
						</tr>
						<tr>
							<th>机器SN</th>
							<td>
								多个SN用英文逗号','分隔
								<textarea name="area_sn" style="width: 95%; height: 100px;" placeholder="请填写需要接收节目单的机器SN"></textarea>
							</td>
						</tr>
					</table>
				</div>
    		<div class="span6">
				<table width="100%"  class="table table-bordered">
						<tr>
							<td style="text-align: center;">
		                    	<img id="mbimg" src=""/>
							</td>
						</tr>
				</table>
			</div>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">下发</button>
				<a class="btn" href="{:U('Playbill/index')}">返回</a>
			</div>
		</form>
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
	function selectTest(obj){
    	paramArray=obj.value.split(",");
		$("#mbimg").attr("src", paramArray[1]) ;
   }
	</script>
</body>
</html>